import React, { Component } from 'react'
import { connect } from 'react-redux'
import {
    ListWrapper,
    ListItem,
    LoadMoreBut
} from './style'
class List extends Component {
    render() {
        return (
            <div>
                <ListWrapper>
                    <ListItem>
                        <div className="img"></div>
                        <p className="title">44岁陆毅近照曝光，胖到失控：放纵欲望，是平庸的开始</p>
                        <p className="content">
                            终身成长词典已上线1361/10000词条 今天是精读君陪伴你终身成长的第2500天 最近，有网友偶遇陆毅，并曝光了他的一组近照。 照片中的陆毅... 
                        </p>
                        <div className="mark">
                            <span className="meta">
                                <i className="iconfont iconPensyumaobi"></i>19.0
                            </span>
                            <span className="author">精读君</span>
                        </div>
                    </ListItem>
                    <ListItem>
                        <p className="title">金星问许晴：50岁了还单身，你想要怎样的男人？许晴的回答很露骨</p>
                        <p className="content">
                        一次采访中，金星问许晴：“50岁了还不结婚，你想要什么样的男人？”许晴一脸笑意，温柔地说道：“其实，我要的男人就是要深情，我要的爱情就是神韵，”...
                        </p>
                        <div className="mark">
                            <span className="meta">
                                <i className="iconfont iconPensyumaobi"></i>71.0
                            </span>
                            <span className="author">拾壹叔欸</span>
                        </div>
                    </ListItem>
                </ListWrapper>
                <LoadMoreBut>加载更多</LoadMoreBut>
            </div>
        )
    }
}

export default connect(null, null)(List)